<template>
  <div class="contact">
    <ContactList class="contact-list"/>
    <ContactDetail class="contact-detail"/>
  </div>
</template>

<script>
import ContactDetail from "../components/contact/ContactDetail";
import ContactList from "../components/contact/ContactList";

export default {
  name: "ContactView",
  components: {
    ContactList,
    ContactDetail,
  },
}
</script>

<style scoped lang="scss">
.contact {
  display: flex;
  flex: 1;

  .contact-list {
    //background-color: burlywood;
    width: 250px;
  }

  .contact-detail {
    flex: 1;
    background-color: #E6E8EC;
  }
}


</style>
